<template>
   <p :style="{color: col}">{{ time }}</p>
</template>
<script>
export default {
    data(){
        return{
           time:10 
        }
    },
    mounted(){
        var vm = this;
        var t = setInterval(function(){
            vm.time--; 
            if(vm.time == 0){
                 clearInterval(t);
                vm.$emit('end'); // 倒计时结束后执行自定义事件end      
            }
        },1000);
    },
    props:{ // 接收传入参数
        col:{
            type:String, // 指定传入值为字符串类型
            default:'#000' // 默认值
        }
    }
}
</script>














